<!doctype html>
<html>
<head>
    <!-- This infomations is optimized with SEO -->
    <link href="favo-icon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"><!-- Thay link ảnh biểu tượng website -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- Mã nguồn Website (Giữ nguyên) -->
    <meta charset="utf-8">

    <title>Danh sách sản phẩm</title>

    <meta name="description" content="Mô tả nội dung website (70-160 ký tự)"/>
    <meta name="keywords" content="Từ khóa 1, từ khóa 2, từ khóa 3, khoảng 4 từ khóa không quá, độ dài khoảng 4 từ" />
    <meta name="robots" content="noodp,index,follow" /><!-- Quy định cho robot (Giữ nguyên)-->
    <meta name="author" content="Author Name, authoremail@domain.com" /><!-- Tác giả website -->
    <meta http-equiv="content-language" content="vi_VN" /><!-- Ngôn ngữ cho website -->

    <meta property="og:locale" content="vi_VN" /><!-- Địa phương -->
    <meta property="og:type" content="article" /><!-- Phân loại website (Thường là article) -->
    <meta property="og:url" content="http://ten-website.com/" /><!-- Địa chỉ chính của Website -->
    <meta property="og:site_name" content="Tên website" /><!-- Tên Website-->
    <meta property="og:image" content="http://ten-website.com/images/logo.jpg" /><!-- Đường dẫn ảnh logo công ty-->

    <!-- **CSS - stylesheets** -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/main-slider.css">

    <!-- **jQuery** -->
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/main-slider.js"></script>

</head>

<body>

<header>
    <div id="header-innder">
        <div id="logo">
            <a href="#"><img src="images/logo.png" alt="Hệ thống lọc nước" title="Hệ thống lọc nước"></a>
        </div><!--End #logo-->

        <div id="policyandphone">
            <div id="policy">
                <ul>
                    <li class="p1">Miễn phí<br>Vận chuyển</li>
                    <li class="p2">Thanh toán<br>tại nhà</li>
                    <li class="p3">Quy trình<br>bảo hành</li>
                    <li class="p4">CSHK<br>chuyên nghiệp</li>
                </ul>
            </div><!--End #policy-->

            <div id="phone">
                <ul>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                    <li>
                        <p class="name">Đặt hàng</p><br>
                        <p class="phone-number">(04) 62691411</p>
                    </li>
                </ul>
            </div><!--End #phone-->
        </div><!--End #policyandphone-->

        <nav id="main-menu">
            <ul>
                <li class="first"><a href="#">Trang chủ</a></li>
                <li><a href="#">Giới thiệu</a></li>
                <li><a href="#">Sản phẩm</a></li>
                <li><a href="#">Dịch vụ</a></li>
                <li><a href="#">Đại lý</a></li>
                <li><a href="#">Tin tức</a></li>
                <li><a href="#">Thanh toán</a></li>
                <li><a href="#">Liên hệ</a></li>
            </ul>
        </nav><!--End #main-menu-->

    </div><!--End #header-innder-->
</header><!--End Header-->

<section id="container">
<div id="container-inner">
<div id="slider">
    <ul id="demo1">
        <li><a href="#"><img src="images/slider/slider-1.jpg"  alt="Hệ thống lọc nước"></a></li>
        <li><a href="#"><img src="images/slider/slider-2.jpg"  alt="Hệ thống lọc nước"></a></li>
        <li><a href="#"><img src="images/slider/slider-3.jpg"  alt="Hệ thống lọc nước"></a></li>
    </ul>

    <script>
        $(function() {
            var demo1 = $("#demo1").slippry({
                transition: 'fade',
                useCSS: true,
                speed: 1000,
                pause: 3000,
                auto: true,
                preload: 'visible'
            });

            $('.stop').click(function () {
                demo1.stopAuto();
            });

            $('.start').click(function () {
                demo1.startAuto();
            });

            $('.prev').click(function () {
                demo1.goToPrevSlide();
                return false;
            });
            $('.next').click(function () {
                demo1.goToNextSlide();
                return false;
            });
            $('.reset').click(function () {
                demo1.destroySlider();
                return false;
            });
            $('.reload').click(function () {
                demo1.reloadSlider();
                return false;
            });
            $('.init').click(function () {
                demo1 = $("#demo1").slippry();
                return false;
            });
        });
    </script>
</div><!--End #slider-->

<div id="filter">
    <div id="clock">
        <script type="text/javascript">
            function dFormat2(){
                objDate = new Date();

                var rStr = '';
                if(objDate){

                    var day = objDate.getDay();
                    var date = objDate.getDate();
                    var month = objDate.getMonth()+1;
                    var year = objDate.getFullYear();
                    var hour = objDate.getHours();
                    var minute = objDate.getMinutes();

                    var temp = objDate.toDateString();

                    switch(day){
                        case 0:
                            rStr = 'Chủ nhật'; break;
                        case 1:
                            rStr = 'Thứ hai'; break;
                        case 2:
                            rStr = 'Thứ ba'; break;
                        case 3:
                            rStr = 'Thứ tư'; break;
                        case 4:
                            rStr = 'Thứ năm'; break;
                        case 5:
                            rStr = 'Thứ sáu'; break;
                        case 6:
                            rStr = 'Thứ bảy'; break;
                        default:
                            rStr = ''; break;
                    }
                    //Thứ sáu, 7/10/2013 <span class="drash">|</span> 10:21 GMT+7

                    rStr = rStr +', ' + date+'/'+month+'/'+year +' | '+hour+':'+minute+' GMT+7';
                    document.write(rStr);
                }
            }
            dFormat2();
        </script>
    </div><!--End #clock-->

    <div id="filter-inner">
        <span class="title">Tìm theo:</span>
        <select class="filter-type">
            <option value="" check>Mức giá</option>
        </select>
        <select class="filter-type">
            <option value="" check>Hãng sản xuất</option>
        </select>
        <select class="filter-type">
            <option value="" check>Loại nước</option>
        </select>
        <select class="filter-type">
            <option value="" check>Công suất</option>
        </select>
        <select class="filter-type">
            <option value="" check>Công nghệ</option>
        </select>
        <select class="filter-type">
            <option value="" check>Đối tượng sử dụng</option>
        </select>
    </div><!--End #filter-inner-->

    <div style="clear: both"></div>
</div><!--End #filter-->

<div id="main">
<aside>
    <nav class="aside-mod">
        <div class="task">
            <h3 class="title"><a href="#">Máy lọc nước Nano</a></h3>
        </div>
        <div class="content">
            <ul class="aside-menu">
                <li><a href="#1">Máy lọc nước nano geyser</a></li>
                <li class="light"><a href="#">Máy lọc nước Aquastar</a></li>
                <li><a href="#2">Máy lọc nước nanomic</a></li>
                <li class="light"><a href="#">Máy lọc nước nanosky</a></li>
                <li><a href="#3">Máy nước lọc Waterpia</a></li>
                <li class="light"><a href="#">Máy lọc nước selecto</a></li>
                <li><a href="#4">Máy lọc nước pentair</a></li>
                <li class="light"><a href="#">Máy lọc nước dr sukida</a></li>
                <li><a href="#5">Máy lọc nước nóng lạnh</a></li>
                <li class="light"><a href="#">Hệ thống lọc nước</a></li>
                <li><a href="#6">Máy lọc nước sinh hoạt</a></li>
                <li class="light"><a href="#">Máy lọc nước haohsing</a></li>
                <li><a href="#7">Máy lọc nước coway (Hàn Quốc)</a></li>
            </ul>
        </div>
    </nav><!--End .aside-mod-->

    <nav class="aside-mod">
        <div class="task">
            <h3 class="title"><a href="#">Máy lọc nước geyser</a></h3>
        </div>
        <div class="content">
            <ul class="aside-menu">
                <li><a href="#1">Máy lọc nước nano geyser</a></li>
                <li class="light"><a href="#">Máy lọc nước Aquastar</a></li>
                <li><a href="#2">Máy lọc nước nanomic</a></li>
                <li class="light"><a href="#">Máy lọc nước nanosky</a></li>
                <li><a href="#3">Máy nước lọc Waterpia</a></li>
                <li class="light"><a href="#">Máy lọc nước selecto</a></li>
                <li><a href="#4">Máy lọc nước pentair</a></li>
                <li class="light"><a href="#">Máy lọc nước dr sukida</a></li>
                <li><a href="#5">Máy lọc nước nóng lạnh</a></li>
                <li class="light"><a href="#">Hệ thống lọc nước</a></li>
                <li><a href="#6">Máy lọc nước sinh hoạt</a></li>
                <li class="light"><a href="#">Máy lọc nước haohsing</a></li>
                <li><a href="#7">Máy lọc nước coway (Hàn Quốc)</a></li>
            </ul>
        </div>
    </nav><!--End .aside-mod-->

    <div class="aside-mod">
        <div class="task">
            <h3 class="title"><a href="#">Tin tức mới nhất</a></h3>
        </div>
        <div class="content content-list-news">
            <div class="news-item">
                <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
            </div><!--End .news-item-->

            <div class="news-item">
                <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
            </div><!--End .news-item-->

            <div class="news-item">
                <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
            </div><!--End .news-item-->

            <div class="news-item">
                <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
            </div><!--End .news-item-->

            <div class="news-item">
                <div class="thumb"><a href="#"><img src="images/news/news.jpg" alt="Tin tức" title="Tin tức"></a></div>
                <h3 class="title"><a href="#">Hệ thống lọc nước tinh khiết RO thông minh</a></h3>
            </div><!--End .news-item-->

            <div style="clear: both"></div>
        </div>
    </div><!--End .aside-mod-->

    <div style="clear: both"></div>
</aside><!--End aside-->

<article>
    <div id="breadcrumb">
        <ul>
            <li><a href="#">Trang chủ</a></li>
            <li><span>Máy lọc nước Nanosky</span></li>
        </ul>
    </div><!--End #breadcrumb-->

    <div class="content">
        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/1.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/2.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Geyser BIO</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/3.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic hộp</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item last">
            <div class="thumb">
                <a href="#"><img src="images/product/4.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic kèm theo tủ</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/1.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/2.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Geyser BIO</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/3.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic hộp</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item last">
            <div class="thumb">
                <a href="#"><img src="images/product/4.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic kèm theo tủ</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/1.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/2.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Geyser BIO</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/3.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic hộp</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item last">
            <div class="thumb">
                <a href="#"><img src="images/product/4.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic kèm theo tủ</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/1.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/2.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Geyser BIO</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item">
            <div class="thumb">
                <a href="#"><img src="images/product/3.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic hộp</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->

        <div class="pro-item last">
            <div class="thumb">
                <a href="#"><img src="images/product/4.jpg" alt="Tên sản phẩm" title="Tên sản phẩm"></a>
            </div>
            <div class="detail">
                <h3 class="name"><a href="#">Máy lọc nước Nanomic kèm theo tủ</a></h3>
                <span>4,900,000 VNĐ</span><br>
                <a class="view-more" href="#">Xem chi tiết</a>
            </div>
        </div><!--End .pro-item-->
    </div>
</article>

<div style="clear: both"></div>

<footer>
    <div id="footer-inner">
        <div class="footer-mod company-info">
            <div class="task"><h4>Thông tin liên hệ</h4></div>
            <div class="content">
                            <span>
                                <b>CÔNG TY CỔ PHẦN SMART VIỆT</b>
                                <br>
                                Mã số doanh nghiệp: 0105486972
                                <br>
                                Sở kế hoạch & đầu tư Hà Nội cấp 07/09/2011
                                <br>
                                Địa chỉ: 75 Trung Kính, Cầu Giấy, Hà Nội
                                <br>
                                ĐT: (04) 6266 1976 - (04) 6269 1411
                            </span>
            </div>
        </div><!--End .footer-mod-->

        <div class="footer-mod info">
            <div class="task"><h4>Thông tin</h4></div>
            <div class="content">
                <ul>
                    <li><a href="#">Góc giải đáp</a></li>
                    <li><a href="#">Cam kết bán hàng</a></li>
                    <li><a href="#">Quy tắc thông tin</a></li>
                </ul>
            </div>
        </div><!--End .footer-mod-->

        <div class="footer-mod social">
            <div class="task"><h4>Theo chúng tôi trên</h4></div>
            <div class="content">
                <ul>
                    <li><a href="#"><img src="css/images/icon-facebook.png"> Facebook</a></li>
                    <li><a href="#"><img src="css/images/icon-twiter.jpg"> Twiter</a></li>
                    <li><a href="#"><img src="css/images/icon-googlee.jpg"> Google+</a></li>
                    <li><a href="#">Vua bán lẻ</a></li>
                </ul>
            </div>
        </div><!--End .footer-mod-->

        <div class="footer-mod facebook">
            <div class="task"><h4>Facebook</h4></div>
            <div class="content">
                <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVuabanle.vn&amp;width=340&amp;height=210&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=1378247825813805" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:210px;" allowTransparency="true"></iframe>
            </div>
        </div><!--End .footer-mod-->

        <div style="clear: both"></div>
    </div><!--End #footer-inner-->
</footer><!--End footer-->

<div id="copyright">
    Copyright © 2015 Công ty cổ phần Smart Việt | All rights reserved
</div><!--End Copyright-->
</div>
</div><!--End #container-inner-->

</section><!--End #container-->

</body>
</html>
